<template>
  <div class="home">
    <indextop/>
    <banner>
    </banner>
    <indexlist/>
    <div class="pic">
      <img src="@/assets/indeximg/7.png" alt="">
    </div>
    <indexneed/>
    <zhong/>
    <indexnew/>
    <indexmiao/>
    <div class="footer">
      ——  更多好物，敬请期待  -——
    </div>
    
  </div>
</template>

<script>
import banner from "@/components/banner.vue";
import indextop from "@/components/index/indextop.vue"
import indexlist from '@/components/index/indexlist.vue';
import indexneed from '@/components/index/indexneed.vue';
import zhong from '@/components/index/zhong.vue';
import indexnew from '@/components/index/indexnew.vue';
import indexmiao from '@/components/index/indexmiao.vue';
export default {
  data() {
    return {
      name: "首页",
    };
  },
  components: {
    banner,indextop,
    indexlist,
    indexneed,
    zhong,
    indexnew,
    indexmiao,
  },
};
</script>

<style>
.pic{
  width: 100%;
  height:1.6rem ;
  background-color: #f4f4f4;
}
img{
  width: 100%;
}
.home{
  height: 100%;
  overflow-y: auto;
}
.home .footer{
  width: 100%;
  height: 2rem;
  font-size: 0.16rem;
  line-height: 1rem;
  color: #666;
}
</style>